<template>
	<view class="address row bg-white">
		<u-icon class="map-icon" name="map"></u-icon>
		<view class="flex1 mr20">
			<view class="md text" v-if="!address.mansionId && isSelect">
				设置收货地址
			</view>
			<view v-else>
				<text class="name nr mr10">{{address.mansionName}}</text>
				<!-- <text class="phone md">{{address.telephone}}</text>
				<view class="area sm mt10 lighter">
					{{address.province}} {{address.city}} {{address.district}} {{address.address}}
				</view> -->
			</view>
		</view>
		<u-icon name="arrow-right" color="#ccc"></u-icon>
		<!-- <u-icon v-if="isSelect" class="map-icon map-icon1" name="arrow-right"></u-icon> -->
	</view>
</template>

<script>
	export default {
		props: {
			isSelect: {
				type: Boolean,
				default: true
			},
			address: {
				type: [Object, Array],
				default: () => ({})
			}
		},
		data() {

			return {

			};
		},
	}
</script>

<style lang="scss">
	.address {
		// min-height: 164rpx;
		padding: 16rpx 24rpx;
		border-radius: 14rpx;

		// margin: 0 20rpx;
		.text {
			color: #1E1E1E
		}

		.name {
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #1E1E1E;
		}

		.map-icon {
			font-size: 34rpx;
		}
	}
</style>
